<template>
	<view class="aboutmes">
		<view class="aboutmes-head">
			  <view >
			  	<view style="display: flex; justify-content: center;">
			  		<up-image  width="160rpx" height="160rpx" shape="square" :src="src"></up-image>
			  	</view>
				
				<view style="text-align: center; margin-top: 40rpx;">
					<h5>消防单位智能管理系统</h5>
				</view>
				<view style="text-align: center; font-size: 14px; margin-top: 20rpx;">
					<text>Version：{{appVersion}}</text>
				</view>
				<view style="text-align: center; font-size: 14px; margin-top: 20rpx;">
					<text>App下载网址：</text> 
					<fui-text @click="copy" :text="url" color="#409EFF" highlight decoration="underline"></fui-text>

				</view>
			  </view>
		</view>
		<view class="aboutmes-buttom">
			<view class="aboutmes-buttom-son">
				<view style="text-align: center;color: #409EFF;" @click="toTerms">
					<text>《服务条款及隐私协议》</text>
				</view>
				<view style="text-align: center; color: #909399;">
					<text>icp备案号：</text>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import {BASE_IP} from '@/common/http/url.js'
	export default{
		name : "aboutme",
		data(){
			return{
				src: "",
				url : "https://www.pgyer.com/eerFcP",
				appVersion : ""
			}
		},
		methods:{
			copy(){
				uni.setClipboardData({
					data:this.url,
					success: (res) => {
						console.log(res)
					}
				})
				uni.showToast({
					icon:"success",
					title:"复制连接成功"
				})
				return
			},
			toTerms(){
				uni.navigateTo({
					url:"/pages/termsService/termsService"
				})
			}
		},
		onLoad() {
			const systemInfo = uni.getSystemInfoSync();
			this.appVersion = systemInfo.appVersion
			console.log(systemInfo.appVersion)
			let url = "/static/icon/logo.png"
			this.src = url
		}
	}
</script>

<style>
	.aboutmes{
		width: 100%;
		height: 100%;
		position: absolute;
	}
	.aboutmes-head{
		width: 100%;
		height: 80px;
		margin-top: 200rpx;
		display: flex;
		justify-content: center;
	}
	.aboutmes-buttom{
		position: absolute;
		bottom: 0;
		height: 150rpx;
		width: 100%;
	}
	.aboutmes-buttom-son{
		width: 100%;
		height: auto;
		font-size: 14px;
		text-align: center;
		margin: auto;
	}
</style>